<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>PC GAME</title>
<meta name="keywords" content="Game Website Template, free templates, website templates, CSS, XHTML" />
<meta name="description" content="Game Website Template - download free XHTML/CSS files from moobnn.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="templatemo_wrapper_outer">
<div id="templatemo_wrapper_inner">
	
    <div id="templatemo_banner"></div> <!-- end of banner -->
    
    <div id="templatemo_menu">
	    <ul>
            <li><a href="main.html" class="current">主页</a></li>
            <li><a href="#">消息</a></li>
            <li><a href="#">热门</a></li>
            <li><a href="#">下载</a></li>
            <li><a href="#">个人主页</a></li>
			<li><a href="#">关于</a></li>
        </ul>
    </div> <!-- end of menu -->
    
    <div id="templatemo_content_wrapper">
    
    	<div class="templatemo_side_bar margin_right_10">
        	
            <div class="header_01">游戏平台</div>
            	<ul>
                	<li><a href="PC.html">PC</a></li>
                    <li><a href="ps4.html">PLAYSTATION&reg; 4</a></li>
                    <li><a href="ps5.html">PLAYSTATION&reg; 5</a></li>
                    <li><a href="switch.html">NINTENDO&trade; SWITCH</a></li>
                    <li><a href="xbox.html">XBOX SERIES S/X</a></li>
                    <li><a href="xbox.html">XBOX ONE</a></li>
                </ul>
			
            <div class="margin_bottom_20 horizontal_divider"></div> 
			<div class="margin_bottom_20"></div>

            <div class="header_01">搜索</div>     
            <form action="" method="post">
                  <input type="text" id="search_field" />
                  <input type="submit" value="" id="search_button" />
            </form>
            <div class="margin_bottom_20"></div>
        </div> <!-- end of left side bar -->
        
        <div class="templatemo_content margin_right_10">
        
        	<div class="content_section">
           	  <div class="header_02">NEWS</div>
              <div class="image_wrapper_01"><img src="images/wrsk.jpeg" alt="image" /></div>
				  <p><a href="wrsk.html">孤独与星辰与我-这是我们的征途：《无人深空》</a></p>
              <div class="margin_bottom_20"></div>
               
                
                <div class="cleaner"></div>
            </div>
            
            <div class="margin_bottom_20 horizontal_divider"></div> 
			<div class="margin_bottom_20"></div>
            
            <div class="content_section">
           	  <div class="header_02">暂无更多消息</div>
             
                <div class="cleaner"></div>              
            </div>
            
        	<div class="margin_bottom_40"></div>
			
			
			
			
			  <div>
            <div>
                <div id="post">
                    <h3>文章评论</h3>
                    <p>昵称：</p>
                    <p><input type="text" class="input" id="user" /></p>
                    <p>评论内容：</p>
                    <p><textarea class="input" id="txt" style="width:100%; height:80px"></textarea></p>
                    <p><input type="submit" class='btn'value="发表" id="add" /></p>
					<div class="margin_bottom_20 horizontal_divider"></div> 
                    <div id="message"></div>
                </div>
                <div id="comments"></div>
            </div>
        </div>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            $(function() {
                var comments = $("#comments");
                $.getJSON("data.php", function(json) {
                    $.each(json, function(index, array) {
                        var txt = "<p><strong>" + array["user"] + "</strong>：" + array["comment"] + "<span>" + array["addtime"] + "</span></p>";
                        comments.append(txt);
                    });
                });
                //将评论的内容展出
                $("#add").click(function() {
                    var user = $("#user").val();
                    var txt = $("#txt").val();
                    $.ajax({
                        type: "POST",
                        url: "comment.php",
                        data: "user=" + user + "&txt=" + txt,
                        dataType : 'JSON',
                        success: function(res) {
                            if (res.code == 1) {
                                var str = "<p><strong>" + res.user + "</strong>：" + res.txt + "<span>刚刚</span></p>";
                                comments.append(str);
                                $("#message").show().html("发表成功！").fadeOut(1000);
                                $("#txt").attr("value", "");
                            } else {
                                $("#message").show().html(res.message).fadeOut(1000);
                            }
                        }
                    });
                });
            });
        </script>
        </div> <!-- end of content -->
        
        <div class="templatemo_side_bar">
       		
            <div class="header_01">最新消息</div>
            
            <div class="latest_news border_bottom">
                <div class="header_03"><a href="steam.html">[Steam一周数据]</a></div>
                <p>销量榜首和在线最多的游戏是那些？</p>
			</div>
                        
            <div class="margin_bottom_10"></div>
            
			<div class="latest_news">
                <div class="header_03"><a href="#">Sed nec enim magna</a></div>
                <p>Proin lectus orci, iaculis at facilisis sed, sodales a neque.</p>
			</div>
            
          <div class="margin_bottom_20 horizontal_divider"></div> 
			<div class="margin_bottom_20"></div>
            
            <div class="header_01">Sample Video</div>

            <div class="latest_news">
            	<div class="image_wrapper_02"><span></span><a href="#"><img src="images/templatemo_image_03.jpg" alt="video" /></a></div>
                <p>Donec venenatis tellus non massa blandit vitae volutpat urna fringilla. Aenean ante lorem, vestibulum eu lacinia.</p>
	      </div>
                        
          <div class="margin_bottom_10"></div>
        </div> <!-- end of right side bar -->
    	
        <div class="cleaner"></div>    
    </div> <!-- end of content wrapper -->
    
</div>
</div>

 <div id="templatemo_footer">
        Copyright © 2021 <a href="#">SY studio</a>
   	</div> <!-- end of footer -->
    <div class="margin_bottom_10"></div>
    
    <div class="content_section">
    	<center>
       <a href="http://validator.w3.org/check?uri=referer"></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer"></a>
	</center>
		<div class="margin_bottom_10"></div>
	</div>
</body>
</html>